
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6 settings-main_background"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7 settings-main_background"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8 settings-main_background"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9 settings-main_background"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="settings-main_background"><!--<![endif]-->
<head>
  <meta charset="utf-8">
  <link rel="dns-prefetch" href="http://asset.ibanquan.com">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <title>绿茶 - 花叶</title>
  <meta name="keywords" content="">
  <meta name="description" content="花叶">
  <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
  <link rel="shortcut icon" href="http://www.shejiye.com/uploadfile/icon/2017/0203/shejiyeiconxoefjt1tfbe.png" type="image/x-icon">
  <link href='css/base-160225.min.css?v=158' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/yhsd-iconfont-151010.css?v=158' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/yhsd-desktop-170719.min.css?v=158' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/youpage.min.css?v=158' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/main.css?v=1500982137_1511267896' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/iconfont.css?v=1500982137_1494484134' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/iconfont-1.css?v=1500982137_1494484133' media='screen' rel='stylesheet' type='text/css' />
  <link href='css/user.css?v=1500982137_1494484140' media='screen' rel='stylesheet' type='text/css' />
  <script src='js/jquery-1.11.3.min.js?v=158' type='text/javascript'></script>
  <script src='js/jssdk-0.0.18.min.js?v=158' type='text/javascript'></script>
  <script src='js/lazyload.min.js?v=158' type='text/javascript'></script>
  
  <!-- 社交分享信息 -->



  <meta property="og:title" content="绿茶 - 花叶" />
  <meta property="og:description" content="花叶" />
  <meta property="og:image" content="img/s.png?v=0" />
  <script src="js/jweixin-1.2.0.js"></script>
  <script>
    if (window.wx && /micromessenger/i.test(window.navigator.userAgent)) {
      window.yhsdWxShare = {
        info: {
          title: '绿茶 - 花叶',
          desc: '花叶',
          link: location.href,
          imgUrl: 'img/s.png?v=0',
          success: function () {},
          cancel: function () {}
        },
        setInfo: function (oInfo) {
          this.info = oInfo
        },
        init: function () {
          yhsd.ready(function () {
            $.ajax({
              url: '/json/weixin_signature.json',
              method: 'GET',
              dataType: 'json',
              data: {
                url: location.href
              }
            }).done(function(res) {
              if (res.code === 200) {
                var fnShare = function (type) {
                  // 留给后面做特殊处理
                  return yhsdWxShare.info
                }
                wx.config({
                  debug: false,
                  appId: res.config.appid,
                  timestamp: res.config.timestamp,
                  nonceStr: res.config.noncestr,
                  signature: res.config.signature,
                  jsApiList: [
                    "onMenuShareTimeline",
                    "onMenuShareAppMessage",
                    "onMenuShareQQ",
                    "onMenuShareQZone"
                  ]
                })
                wx.ready(function () {
                  wx.onMenuShareTimeline(fnShare("timeline"))
                  wx.onMenuShareAppMessage(fnShare("frends"))
                  wx.onMenuShareQQ(fnShare("qq"))
                  wx.onMenuShareQZone(fnShare("qzone"))
                  // wx.checkJsApi({
                  //    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone'], // 需要检测的 JS 接口列表
                  //    success: function(res) {
                  //      // alert(JSON.stringify(res))
                  //      // 以键值对的形式返回，可用的 api 值 true，不可用为 false
                  //      // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
                  //   }
                  // })
                })
                // wx.error(function(res){
                //   alert(JSON.stringify(res))
                //   // config 信息验证失败会执行 error 函数，如签名过期导致验证失败，具体错误信息可以打开 config 的 debug 模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
                // })
              }
            });
          });
        }
      }
      window.yhsdWxShare.init()
    }
  </script>

  <!-- End 社交分享信息 -->
  <style>
.pre-qrcode-wrap{
    cursor:pointer;
    width: 130px;
    height: 46px;
    line-height: 46px;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 50px;
    border-radius: 4px;
    background: #262626;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 15px 7px;
    padding-left: 44px;
}
.pre-qrcode{
    position: absolute;
    top: 0;
    width: 129px;
    height: 129px;
    line-height: 130px;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding-top: 11px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    margin-left: -44px;
    transition: all 0.6s;
    transform: translatey(-100px);
    opacity:0;
    pointer-events: none;
}
.pre-qrcode:before{
    content: '';
    display: block;
    position: absolute;
    border-top: 10px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -10px;
    left: 57px;
    z-index: 2;
}
.pre-qrcode:after{
    content: '';
    display: block;
    position: absolute;
    border-top: 11px solid #d8d8d8;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    bottom: -11px;
    left: 56px;
    z-index: 1;
}
.pre-qrcode-wrap:hover .pre-qrcode,.pre-qrcode.hover{
    opacity: 1;
    transform: translatey(-150px);
}
@media screen and (max-width:768px){
.pre-qrcode-wrap{
display:none;
}
}

</style>
<script src='js/jquery.qrcode.min.js'></script>
<script>
$(function () {
 $('body').append('<div class="pre-qrcode-wrap"><span class="textspan">预览手机端</span><div id="preQrcode" class="pre-qrcode hover"></div></div>');
  $('#preQrcode').qrcode({
      width: 108,
      height: 108,
      text: window.location.href
    }) 
   $(document).on('scroll',function(){
$('#preQrcode').removeClass('hover');

})



});
</script>
<script>
  window.productImage='53f649ffe2931e0b91000007/noimage.png';
  window.vendorImage='578fc93402282e4f18000003/noimage.png';
  window.iconImage='57acb51702282e3f00000003/noimage.ico';
  window.shareImage='57acb53a02282e3f00000007/noimage.png';
  window.assetPath='//asset.ibanquan.com/image/';
  window.postImage='581a3b0402282e2bcc000003/s.png';
  window.captchaPath = '//captcha.ibanquan.com';
  window.ajaxToken='9dd5934c294149a8aaba5a3540d7f709';
</script>
<script>(function(){var yt = document.createElement('script');yt.src = 'js/tracker-0.0.2.min.js?v=158';var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(yt, s);})();</script>
</head>
<body class=" ">
  <!-- 社交分享图 (300x300) -->
  <img class="you_share_img" src="img/s.png?v=0" alt="绿茶 - 花叶">
  <!-- End 社交分享图 -->
  <div class="page settings-body_background yhsd_free_scope" id='top'>
    <div class="wrapper wrapper-header settings-head_background" id="wrapper_header">
      <div class="cont settings-head_background">
        <strong class="mod logo settings-text_color">
          <a class="logo-link settings-h1_color" href="/">
            
            <img src="img/logo.png?v=1487152902" alt="花叶"/>
            
          </a>
        </strong>
        <a id="nav_mobile" class="nav-link-mobile" href="javascript:void(0);">
            <span></span><span></span><span></span>
          </a>
        <div class="mod header">
          <div class="nav-inner-right">
          <a id="customer-item1" class="header-link settings-top_color" href="/account/login">登录</a>
          <span class="header-link settings-top_color">|</span>
          <a id="customer-item2" class="header-link settings-top_color" href="/account/register">注册</a>
        </div>
          <div id="yhsd_topCart_show" class="header-cart">
            <span class="main-ico main-ico-cart iconfont settings-top_color"></span><span class="topCart-quantity settings-top_color" id="yhsd_topCart_quantityTitle"></span>
          </div>
        </div>
        <!-- .顶部购物车 -->
        <div class="topCart settings-body_background settings-main_border" id="yhsd_topCart">
          <ul id="yhsd_topCart_list"></ul>
          <div class="topCart-summary">
            <p class="topCart-total settings-text_color"><span id="yhsd_topCart_quantity"></span>件商品　总计:<span class="settings-price_color">￥<span id="yhsd_topCart_totalPrice"></span></span></p>
            <a class="topCart-submit settings-buyBtn_color settings-buyBtn_background" href="/cart">去结算</a>
          </div>
        </div>
      </div>
    </div>
  <div class="wrapper wrapper-nav settings-nav_background" id="wrapper_nav">
    <div class="nav-sublink has-ad settings-navSub_background settings-nav_sublink_border settings-main_border ">
      <div class='nav-fix-width'>
        <ul class='settings-navSub_background has-ad-left'></ul>
        
        
        
        
        <div class="wrapper wrapper-proList">
          <div class="cont">
            <div class="mod proList">
              <div class="proList-inner">
                
                <ul class="proList-ul clearfix proList-count-4 lazyload_scope">
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000001" target="_blank" title="抹茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41e2e0dd76c0ce4000ef8/s_w330h330.png?v=1487150638" alt="抹茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000001" title="抹茶" target="_blank">抹茶</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">独特的甜味和独特的饮用茶。茶叶采摘块由20天阳光直射前四周，豪华茶掏出茶在你不依靠太阳的光香味成分。</span>
     -->
    <span class="proList-price">￥99.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000004" target="_blank" title="玄米茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41ea2b1b95701b900102c/s_w330h330.png?v=1487150754" alt="玄米茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000004" title="玄米茶" target="_blank">玄米茶</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">高山、流水、云雾滋养、天然、健康</span>
     -->
    <span class="proList-price">￥120.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000010" target="_blank" title="三木茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41f17b1b95701b9001038/s_w330h330.png?v=1487150871" alt="三木茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000010" title="三木茶" target="_blank">三木茶</a>
  <div class="proList-desc">
<!--      -->
    <span class="proList-price">￥128.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000002" target="_blank" title="红茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41e6f3f8f9075790010ac/s_w330h330.png?v=1487150704" alt="红茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000002" title="红茶" target="_blank">红茶</a>
  <div class="proList-desc">
<!--      -->
    <span class="proList-price">￥89.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000006" target="_blank" title="绿茶点心">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41ee19bedc4778c00105d/s_w330h330.png?v=1487150818" alt="绿茶点心" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000006" title="绿茶点心" target="_blank">绿茶点心</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">味道和和糖果适度的甜味，不与玉露，风味干扰，如很好地在口中融化</span>
     -->
    <span class="proList-price">￥18.00</span>
    
  </div>
</li>
                  
                  

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000008" target="_blank" title="抹茶饼干">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41f06b1b95701b9001034/s_w330h330.png?v=1487150854" alt="抹茶饼干" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000008" title="抹茶饼干" target="_blank">抹茶饼干</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">味道和和糖果适度的甜味，不与玉露，风味干扰，如很好地在口中融化</span>
     -->
    <span class="proList-price">￥18.00</span>
    
  </div>
</li>
                  
                </ul>
                
              </div>
            </div>
          </div>
        </div>
        
        
        
        
      </div>
    </div>
    <div class="cont">
      <div class="mod nav">
        <div class="nav-inner">
          <!-- 一级菜单 -->
<ul id="top-nav-link" class="nav-link clearfix">
  <li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908895" href="/" >首页</a>
  <!-- 二级菜单 -->
  
</li><li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908896" href="/products" >所有产品</a>
  <!-- 二级菜单 -->
  
</li><li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908897" href="javascript:void(0);" >茶的种类<i class="iconfont hoverhidden">&#xe601;</i><i class="iconfont hovershow">&#xe625;</i></a>
  <!-- 二级菜单 -->
  
  <div class="nav-sublink">
    <ul class="settings-main_border settings-navSub_background" id="navlink_908897_sub">
      
      <li class="settings-navSub_background">
        <a class="settings-navSubLink_color" id="navlink_908897_sub_908898" href="/products" >绿茶</a>
        
        <!-- 三级菜单 -->
        <ul class="thirdmenu">
          
          <li class="thirdmenuli settings-navSub_background settings-navSubHover_background">
            <a class="thirdmenudes settings-navSubLink_color settings-navSubLinkHover_color" id="navlink_908897_sub_908898_sub_908899" href="javascript:void(0);" >茶叶</a>
          </li>
            
        </ul>
      </li>
      
      <li class="settings-navSub_background">
        <a class="settings-navSubLink_color" id="navlink_908897_sub_908900" href="/products" >红茶</a>
        
        <!-- 三级菜单 -->
        <ul class="thirdmenu">
            
        </ul>
      </li>
      
      <li class="settings-navSub_background">
        <a class="settings-navSubLink_color" id="navlink_908897_sub_908901" href="/products" >混合茶</a>
        
        <!-- 三级菜单 -->
        <ul class="thirdmenu">
            
        </ul>
      </li>
      
      <li class="settings-navSub_background">
        <a class="settings-navSubLink_color" id="navlink_908897_sub_908902" href="/products" >健康茶</a>
        
        <!-- 三级菜单 -->
        <ul class="thirdmenu">
            
        </ul>
      </li>
      
    </ul>
  </div>
  
</li><li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908903" href="/blogs" >品牌故事</a>
  <!-- 二级菜单 -->
  
</li><li class='settings-navLink_hover_background'>
  <a class="txt-overflow settings-navLink_color settings-nav_border " id="navlink_908904" href="/posts" >茶文化</a>
  <!-- 二级菜单 -->
  
</li>
</ul>
        </div>
        <a id="yhsd-header-search" href="javascript:void(0);" class="header-search-ico">
            <span class="main-ico main-ico-search iconfont settings-top_color"></span>
          </a>
          <div id="yhsd-header-search-ipt" class="header-search">
            <input class="search-ipt settings-ipt_border" type="text" placeholder="搜索你喜欢的宝贝" />
          </div>           
      </div>
    </div>

  </div>

  <div class='product-filter-type'>
<div class="wrapper">
  <div class="cont">
    <div class="mod breadcrumb">
      <div class="breadcrumb-inner settings-text_color settings-main_border">
        <a class="settings-link_color" href="http://huaye.theme.yurl.vip" title="花叶">首页</a><span class="breadcrumb-split">&gt;</span><a class="settings-link_color" href="/products" title="所有商品">所有商品</a><span class="breadcrumb-split">&gt;</span><span class="breadcrumb-current">绿茶</span>
      </div>
    </div>
  </div>
</div>


<div class="wrapper">
  <div class="cont">
    <div class="mod pageTitle txt-overflow">
      <h2>绿茶</h2>
    </div>
  </div>
</div>


  
<div class="wrapper">
  <div class="cont">
    <div class="mod prolist-filter">
      <table class="prolist-filter-table settings-main_border" cellpadding="0" cellspacing="0" border="0">
        <tbody>
          
          
          <tr>
            <th class="settings-main_border prolist-filter-itemname settings-text_color">品牌</th>
            <td class="prolist-filter-item settings-main_border" colspan="2">
            
              <a class="settings-link_color" href="/types/t000005?size=12&ve=%E8%A5%BF%E6%B9%96">西湖</a>
            
            </td>
          </tr>        
          
          
          <tr>
            <th class="prolist-filter-itemname settings-main_border settings-text_color">类别</th>
            <td class="prolist-filter-item settings-main_border" colspan="2">
            
              <a class="settings-link_color" href="/types/t000005?size=12&ty=%E6%8A%B9%E8%8C%B6">抹茶</a>
            
              <a class="settings-link_color" href="/types/t000005?size=12&ty=%E7%BA%A2%E8%8C%B6">红茶</a>
            
              <a class="settings-link_color" href="/types/t000005?size=12&ty=%E6%B7%B7%E5%90%88%E8%8C%B6">混合茶</a>
            
              <a class="settings-link_color" href="/types/t000005?size=12&ty=%E5%B0%8F%E9%A3%9F">小食</a>
            
              <a class="settings-link_color" href="/types/t000005?size=12&ty=%E7%BB%BF%E8%8C%B6">绿茶</a>
            
            </td>
          </tr>        
          
          
        </tbody>
      </table>
    </div>
  </div>
</div>






<div class="pro_list_wrap">
<div class="filter_simple clearfix">
  <div class="filter_simple-btn">
  

<div class="pro_list_filter-order clearfix">
  <div class="pro_list_filter-pro-item-name">排序<span>:</span></div>
  <div class="pro_list_filter-order-item">
    <a class="pro_list_filter-order-item-each pro_list_filter-order-item-time pro_list_filter-order-item-sale settings-mobifilterSelect_background settings-mobifilterSelect_color settings-mobifilterSelect_border " href="/types/t000005?size=12&so=sale_desc"> <i class=iconfont>&#xe60e; </i> 销量</a>
    <a class="pro_list_filter-order-item-each pro_list_filter-order-item-price settings-mobifilterSelect_background settings-mobifilterSelect_color settings-mobifilterSelect_border  " href="/types/t000005?size=12&so=price_desc"><i class=iconfont>&#xe62c; </i>价格 <i class=iconfont> &#xe627;</i></a>
    <a class="pro_list_filter-order-item-each pro_list_filter-order-item-time settings-mobifilterSelect_background settings-mobifilterSelect_color settings-mobifilterSelect_border " href="/types/t000005?size=12&so=date_desc"><i class=iconfont>&#xe62b; </i> 上架时间</a>
    <label class="pro_list_filter-order-item-each pro_list_filter-order-item-check settings-mobifilterSelect_color settings-mobifilterSelect_background settings-mobifilterSelect_border" onclick="window.location.href='/types/t000005?size=12&ex=1'"><input class="pro_list_filter-order-item-check-input" type="checkbox" />仅显示有货<i class="iconfont showpro showprooff">&#xe635;</i><i class="iconfont showpro showproon ">&#xe634;</i>
    </label>
  </div>
</div>
  </div>
  <div class="filter_simple-pagination"></div>
  <div class="filter_simple-total settings-tinge_color">共 <span class="settings-desc_color">7</span> 个商品</div>
</div>
  </div>


<div class="wrapper wrapper-proList">
  <div class="cont">
    <div class="mod proList">
      <div class="proList-inner">
        
          <ul class="proList-ul clearfix proList-count-4 lazyload_scope">
            
            

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000018" target="_blank" title="半生绿茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a52355b1b95701b90013dc/s_w330h330.png?v=1487217249" alt="半生绿茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000018" title="半生绿茶" target="_blank">半生绿茶</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">独特的甜味和独特的饮用茶。茶叶采摘块由20天阳光直射前四周，豪华茶掏出茶在你不依靠太阳的光香味成分。</span>
     -->
    <span class="proList-price">￥99.00</span>
    
    	<del class="proList-origPrice settings-orgprice_color">￥120.00</del>
    
  </div>
</li>
            
            

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000016" target="_blank" title="熟煎红茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a5225a9bedc4778c001350/s_w330h330.png?v=1487217242" alt="熟煎红茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000016" title="熟煎红茶" target="_blank">熟煎红茶</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">独特的甜味和独特的饮用茶。茶叶采摘块由20天阳光直射前四周，豪华茶掏出茶在你不依靠太阳的光香味成分。</span>
     -->
    <span class="proList-price">￥99.00</span>
    
    	<del class="proList-origPrice settings-orgprice_color">￥120.00</del>
    
  </div>
</li>
            
            

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000010" target="_blank" title="三木茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41f17b1b95701b9001038/s_w330h330.png?v=1487150871" alt="三木茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000010" title="三木茶" target="_blank">三木茶</a>
  <div class="proList-desc">
<!--      -->
    <span class="proList-price">￥128.00</span>
    
  </div>
</li>
            
            

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000008" target="_blank" title="抹茶饼干">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41f06b1b95701b9001034/s_w330h330.png?v=1487150854" alt="抹茶饼干" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000008" title="抹茶饼干" target="_blank">抹茶饼干</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">味道和和糖果适度的甜味，不与玉露，风味干扰，如很好地在口中融化</span>
     -->
    <span class="proList-price">￥18.00</span>
    
  </div>
</li>
            
            

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000006" target="_blank" title="绿茶点心">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41ee19bedc4778c00105d/s_w330h330.png?v=1487150818" alt="绿茶点心" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000006" title="绿茶点心" target="_blank">绿茶点心</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">味道和和糖果适度的甜味，不与玉露，风味干扰，如很好地在口中融化</span>
     -->
    <span class="proList-price">￥18.00</span>
    
  </div>
</li>
            
            

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000004" target="_blank" title="玄米茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41ea2b1b95701b900102c/s_w330h330.png?v=1487150754" alt="玄米茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000004" title="玄米茶" target="_blank">玄米茶</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">高山、流水、云雾滋养、天然、健康</span>
     -->
    <span class="proList-price">￥120.00</span>
    
  </div>
</li>
            
            

<li>
  <a class="proList-img settings-proPic_border" href="/products/p000001" target="_blank" title="抹茶">
    <img class="lazyload" src="img/blank.gif?v=158" data-src="http://asset.ibanquan.com/image/58a41e2e0dd76c0ce4000ef8/s_w330h330.png?v=1487150638" alt="抹茶" />
  </a>
  <a class="proList-name settings-proTitle_color txt-overflow" href="/products/p000001" title="抹茶" target="_blank">抹茶</a>
  <div class="proList-desc">
<!--     
    <span class="proList-short_desc settings-desc_color txt-overflow">独特的甜味和独特的饮用茶。茶叶采摘块由20天阳光直射前四周，豪华茶掏出茶在你不依靠太阳的光香味成分。</span>
     -->
    <span class="proList-price">￥99.00</span>
    
  </div>
</li>
            
          </ul>
        
      </div>
    </div>
  </div>
</div><!-- .m-active -->




<div class="prolist-spfilter-pagenation prolist-spfilter-col">
  
  <a class="prolist-spfilter-pagenation-prev prolist-spfilter-pagenation-prev-disable settings-mainBtnDisabled_color " href="javascript:void(0);">&lt;</a>
  

  
  <span class="prolist-spfilter-pagenation-status">
    
      <a class="settings-text_color selected" href="/types/t000005?size=12&page=1">1</a>
    
  </span>
  

  
  <a class="prolist-spfilter-pagenation-next prolist-spfilter-pagenation-next-disable settings-mainBtnDisabled_color " href="javascript:void(0);">&gt;</a>
  
</div>

  </div><div id='tracecode'></div>

  <div class="wrap_full settings-footerBar_background">
    <div class="row">
      <!--     { if is_mobile_agent != 'is_mobile' } -->
      <div class="footer">
        <div class="footer--inner">
          <div class="footer-nav--wrap mobiledisplay">
            <div class="footer-nav settings-footerBar_color">
              <div class="footer-nav-list-wrap">
                
                <a class="footer-link settings-footer_text_color" href="https://youhaosuda.com/" >关于我们</a>
                    
                        <span class="footer-split settings-footer_text_color">|</span>
                    
                
                <a class="footer-link settings-footer_text_color" href="https://youhaosuda.com/case" >友情链接</a>
                    
                        <span class="footer-split settings-footer_text_color">|</span>
                    
                
                <a class="footer-link settings-footer_text_color" href="https://youhaosuda.com/about/contact" >联系我们</a>
                    
                
                <div class="footer-copyright settings-footerSimpleNavCop_color">
                粤ICP备12043194号 © 2017 youhaosuda.com
                </div>
            </div>
          </div>
        </div>
        <div class="footer--bar settings-footerBar_background settings-footerBar_color">
        <div class="footer--bar-cont">
          <div class="footer-cop_pay clearfix">           
            
            <div class="footer-payment settings-footerSimpleNavPay_color">
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-wechat_pay" title="微信支付"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-alipay" title="支付宝"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-baifubao" title="百度钱包"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-tenpay" title="财付通"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-99bill" title="快钱"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-offline_pay" title="货到付款"></i>
              
              
              <i class="footer-payment-icon yhsd-iconfont yhsd-iconfont-card_pay" title="银行卡"></i>
              
            </div>
            
          </div>
        </div>
      </div>
      </div>
      
    </div>
  </div>
</div>


<div class="wrapper wrapper-mobile_nav" id="mobile_menu">
  <div class="cont">   
    <div class="mod mobile_nav">
 	<!-- -->     
      <div class="mobile_nav_menu settings-nav_background">
        <!-- 一级菜单 -->
        <div class="mobile-search settings-m_search_background">
        <div id="yhsd-header-search-ipt" class="header-search">
        <input class="search-ipt settings-ipt_border" type="text" placeholder="搜索全店">
        </div>
        <a id="yhsd-header-search" href="javascript:void(0);" class="header-search-ico">
            <span class="main-ico main-ico-search iconfont settings-top_color"></span>
        </a>
      </div>
         <div class="slide-loginregister settings-searchmobil_border">
            <div class="slide-login settings-searchmobil_border">
                <a id="customer-item3" class="settings-sideLink_color" href="/account/login">登录</a>    
            </div>
            <div class="slide-register">
               <a id="customer-item4" class="settings-sideLink_color" href="/account/register">注册</a>   
            </div>
        </div>
        <ul class="nav-link clearfix">
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="/">首页
            
            </a>
            <!-- 二级菜单 -->
            
          </li>
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="/products">所有产品
            
            </a>
            <!-- 二级菜单 -->
            
          </li>
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="">茶的种类
            
              <div class="post-dir-btn dir_off">
                  <i class="main-ico main-ico-down"></i>
                  <i class="main-ico main-ico-up"></i>
              </div>
              
            </a>
            <!-- 二级菜单 -->
            
              <ul class="nav-sublink">
                
                <li>
                  <a class="settings-navLink_color txt-overflow" href="/products">绿茶
                  
                    <div class="post-dir-btn dir_off">
                        <i class="main-ico main-ico-down"></i>
                        <i class="main-ico main-ico-up"></i>
                    </div>
                    
                  </a>
                  
                  	<ul class="nav-endlink setting-main_border">
                    
                      	<li>
                        	<a class="settings-navLink_color txt-overflow" href="">茶叶</a>
                      	</li>
                    
                  	</ul>
                  
                </li>
                
                <li>
                  <a class="settings-navLink_color txt-overflow" href="/products">红茶
                  
                  </a>
                  
                </li>
                
                <li>
                  <a class="settings-navLink_color txt-overflow" href="/products">混合茶
                  
                  </a>
                  
                </li>
                
                <li>
                  <a class="settings-navLink_color txt-overflow" href="/products">健康茶
                  
                  </a>
                  
                </li>
                
              </ul>
            
          </li>
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="/blogs">品牌故事
            
            </a>
            <!-- 二级菜单 -->
            
          </li>
          
          <li>
            <a class="txt-overflow settings-navLink_color" href="/posts">茶文化
            
            </a>
            <!-- 二级菜单 -->
            
          </li>
          
        </ul>
      </div>
      <div class="mobile_nav_bg settings-nav_background" id="mobile_bg"></div>
 	<!-- -->  
    </div>
  </div>
</div>

<div class="wrapper wrapper-popup" id="yhsd-popup-wrap">
  <div class="cont">
    <div class="mod popup settings-body_background" id="yhsd-popup">
      <div class="popup-cont" id="yhsd-popup-cont"></div>
      <div class="popup-btn" id="yhsd-popup-btn"></div>
      <a class="popup-close" id="yhsd-popupClose" href="javascript:void(0)"><span class="aIco aIco-close"></span></a>
    </div>
  	<div class="mask"></div>
  </div>
</div>


</div>

<div id="go_top" class="clearfix go_top go_top-style-1">
  
    <a class="go_top-service" href="http://wpa.qq.com/msgrd?v=3&amp;uin=&amp;site=qq&amp;menu=yes" title="联系客服" target="_blank">
        <i class="iconfont-1 icon-qq1"></i>
        <span>QQ客服</span>
    </a>
    
  
    <a class=" go_top-service go_top-service-weixin" title="微信客服" href="javascript:void(0);">
        <i class="iconfont-1 icon-weixin1"></i>
        <span>微信客服</span>
    </a>
    
    <a id="go_top-go" class="go_top-btn go_top-go iconfont icon-shangjiantou" href="javascript:void(0);"></a>
</div>
<div class="weixin_sercice">
    <img src="http://asset.ibanquan.com/middle/31648/c/427/591404ad0689871fa5002d3a/weixin_sercice?v=1494484141" alt="微信客服二维码">
    
 </div> 
<style>
@media screen and (min-width:768px) {
  .go_top a:hover span {
    display: inline-block;
    font-size: 12px;
    width: 28px;
    line-height: 16px;
    margin-top: 8px;
}
  .go_top a:hover i {
    display: none;
}
}
</style>
<script>
  (function(){

    // 滚动监听
    var _elem = $(document);    // 滚动条所在元素
    var elem  = _elem[0]
    var _eTop = $('#go_top-go');   // Top 元素
    var _bodyOrHtml = $('html, body');
    var _weixinSercice = $('.weixin_sercice');

    // 兼容性
    if(navigator.userAgent.indexOf('Trident') > -1 || navigator.userAgent.indexOf('Firefox') > -1) {
      _elem = $(window)
      elem  = _elem[0]
      _bodyOrHtml = $('html')
    }

    // 显示处理
    var eventFn = function(e) {
      if (_elem.scrollTop() >= 1) {
        _eTop.fadeIn();
      } else {
        _eTop.fadeOut();
      }
    };
     // 微信二维码悬浮
    if ($(window).width() > 768) {
        $('.go_top-service-weixin').hover(function(){
          _weixinSercice.addClass('weixin_sercice_hover');
      },function(){
          _weixinSercice.removeClass('weixin_sercice_hover');
      });
    } else {
      $('.go_top-service-weixin').click(function () {
        _weixinSercice.toggleClass('weixin_sercice_hover')
      })
    }
    
    // 显示处理
    var eventFn = function(e) {
    if (_elem.scrollTop() >= 1) {
        _weixinSercice.addClass('weixin_sercice_position');
        _eTop.fadeIn();
    } 
    else {
        _weixinSercice.removeClass('weixin_sercice_position');
        _eTop.fadeOut();
    };  
    };


    // 绑定滚动事件
    _elem.scroll(eventFn);

    // 判断页面
    var isIndex = false;
    if ($('.index').size() > 0) {
      isIndex = true;
    };
    var isMobile = $('body').hasClass('is_mobile')

    // Top 按钮 绑定
    $('#go_top-go').click(function(e) {

      e.preventDefault();
      if (isIndex && !isMobile) {
        wheel.set(1);
      } else {
        _bodyOrHtml.animate({scrollTop:0}, 618);
      }
    });
  })();
</script>


<script src='js/yhsd-desktop-170719.min.js?v=158' type='text/javascript'></script>
<script src='js/youpage.min.js?v=158' type='text/javascript'></script>
<script src='js/main.js?v=1500982137_1494484138' type='text/javascript'></script>
<script src='js/user.js?v=1500982137_1494484141' type='text/javascript'></script>
<script src='js/img_zoom.min.js?v=158' type='text/javascript'></script>
</body>
</html>
